<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/dex.css"/>
    <script src="../js/dex.js"></script>
</head>
<body>
    <div class="sliderwrap" id="sliderwrap-bg">
        <!-- 轮播图 -->
        <div class="wrap" id="wrap">
            <img src="../images/pages/dex/slider-1.jpg" id="wrap-img" oncontextmenu="return false;" onselectstart="return false;">

            <!-- 下载模块 -->            
            <div class="download-app">
                <!-- 下载按钮 -->
                <a href="#" class="downbtn"></a>
                <p>PC安卓iPhone WP iPad Mac六大客户端</p>
            </div>         

            <!-- 轮播图状态item -->
            <div class="slider-dots" id="slider-dots">
                <a href="javascript:;" class="red_lock" id="s1"><!--默认加载第一个是红点--></a>
                <a href="javascript:;" id="s2"></a>
                <a href="javascript:;" id="s3"></a>
                <a href="javascript:;" id="s4"></a>
                <a href="javascript:;" id="s5"></a>
                <a href="javascript:;" id="s6"></a>
                <a href="javascript:;" id="s7"></a>
                <a href="javascript:;" id="s8"></a>
            </div>

            <!-- item左右按钮 -->
                <a href="javascript:;" class="leftbtn" id="leftbtn" onclick="left()"></a> 
                <a href="javascript:;" class="rightbtn" id="rightbtn" onclick="right()"></a>         
        </div>
        
        <!-- 主体部分 -->
        <div class="mainwrap">
            <!-- 居中部分 -->
            <div class="middlewrap">
                <!-- 左边 -->
                <div class="left-wrap">

                    <!-- 热门推荐 -->
                    <div class="rmtj-video">                        
                        <a href="#" class="rmtj-title">热门推荐</a>
                        <div class="rmtj-btn">
                            <a href="#">华语</a>
                            <span class="line">|</span>
                            <a href="#">流行</a>
                            <span class="line">|</span>
                            <a href="#">摇滚</a>
                            <span class="line">|</span>
                            <a href="#">民谣</a>
                            <span class="line">|</span>
                            <a href="#">电子</a>                            
                        </div> 
                        <span class="more">更多</span>                       
                    </div>

                    <!-- 热门推荐歌曲 -->
                    <ul class="rmtj-song">
                        <li>
                            <div class="song-cover">
                                <img src="../images/pages/dex/tj-1.jpg">
                                <div class="cover-bottom">
                                    <a href="#" class="song-icn-play" title="播放"></a>                                    
                                    <span class="icn-headset"></span>
                                    <span class="playnum">39万</span>
                                </div>
                            </div>
                            <p class="dec">有一首歌叫日出时让恋爱终结</p>
                        </li>

                        <li>
                            <div class="song-cover">
                                <img src="../images/pages/dex/tj-2.jpg">
                                <div class="cover-bottom">
                                    <a href="#" class="song-icn-play" title="播放"></a>                                    
                                    <span class="icn-headset"></span>
                                    <span class="playnum">27万</span>
                                </div>
                            </div>
                            <p class="dec">如果当时忍住做朋友就好了</p>
                        </li>

                        <li>
                            <div class="song-cover">
                                <img src="../images/pages/dex/tj-3.jpg">
                                <div class="cover-bottom">
                                    <a href="#" class="song-icn-play" title="播放"></a>                                    
                                    <span class="icn-headset"></span>
                                    <span class="playnum">40万</span>
                                </div>
                            </div>
                            <p class="dec">氛围感/高级感视频剪辑背景音乐</p>
                        </li>

                        <li>
                            <div class="song-cover">
                                <img src="../images/pages/dex/tj-4.jpg">
                                <div class="cover-bottom">
                                    <a href="#" class="song-icn-play" title="播放"></a>                                    
                                    <span class="icn-headset"></span>
                                    <span class="playnum">1829</span>
                                </div>
                            </div>
                            <p class="dec"><label>电台节目</label>【人间剧场】96年快递小哥拥有双重身份，竟参与解救生...</p>
                        </li>

                        <li>
                            <div class="song-cover">
                                <img src="../images/pages/dex/tj-5.jpg">
                                <div class="cover-bottom">
                                    <a href="#" class="song-icn-play" title="播放"></a>                                    
                                    <span class="icn-headset"></span>
                                    <span class="playnum">141万</span>
                                </div>
                            </div>
                            <p class="dec">高级的极简主义&nasp;寒冷的悲观主义|新古典</p>
                        </li>

                        <li>
                            <div class="song-cover">
                                <img src="../images/pages/dex/tj-6.jpg">
                                <div class="cover-bottom">
                                    <a href="#" class="song-icn-play" title="播放"></a>                                    
                                    <span class="icn-headset"></span>
                                    <span class="playnum">5404</span>
                                </div>
                            </div>
                            <p class="dec"><label>电台节目</label>Vol.139再度重逢</p>
                        </li>

                        <li>
                            <div class="song-cover">
                                <img src="../images/pages/dex/tj-7.jpg">
                                <div class="cover-bottom">
                                    <a href="#" class="song-icn-play" title="播放"></a>                                    
                                    <span class="icn-headset"></span>
                                    <span class="playnum">79万</span>
                                </div>
                            </div>
                            <p class="dec">一些听了会开心的歌</p>
                        </li>

                        <li>
                            <div class="song-cover">
                                <img src="../images/pages/dex/tj-8.jpg">
                                <div class="cover-bottom">
                                    <a href="#" class="song-icn-play" title="播放"></a>                                    
                                    <span class="icn-headset"></span>
                                    <span class="playnum">318万</span>
                                </div>
                            </div>
                            <p class="dec"><label>电台节目</label>唯一&nbsp;(耳机更佳)</p>
                        </li>
                    </ul>

                    <!-- 个性化推荐标题 -->
                    <div class="gxh-video">
                        <a href="#" class="gxh-title">个性化推荐</a>
                    </div>

                    <!-- 个性化推荐歌曲 -->
                    <div class="gxh">
                        <div class="gxh-title">
                            <ul class="rmtj-song gxh-song">
                                <li class="gxh-song">
                                    <div class="song-cover">
                                        <img src="../images/pages/dex/gxh-1.jpg" alt="">
                                        <div class="cover-bottom">
                                            <a href="#" class="song-icn-play" title="播放"></a>                                    
                                            <span class="icn-headset"></span>
                                            <span class="playnum">27万</span>
                                        </div>
                                    </div>
                                    <p class="dec-gxh">每日歌曲推荐</p>
                                    <p class="dec dec-gxh-bottom">根据你的口味生成</p>
                                </li>

                                <li class="gxh-song">
                                    <div class="song-cover">
                                        <img src="../images/pages/dex/gxh-2.jpg" alt="">
                                        <div class="cover-bottom">
                                            <a href="#" class="song-icn-play" title="播放"></a>                                    
                                            <span class="icn-headset"></span>
                                            <span class="playnum">384万</span>
                                        </div>
                                    </div>
                                    <p class="dec-gxh">私人雷达|根据听歌记录为你打造</p>
                                    <p class="dec dec-gxh-bottom">猜你喜欢</p>
                                </li>

                                <li class="gxh-song">
                                    <div class="song-cover">
                                        <img src="../images/pages/dex/gxh-3.jpg" alt="">
                                        <div class="cover-bottom">
                                            <a href="#" class="song-icn-play" title="播放"></a>                                    
                                            <span class="icn-headset"></span>
                                            <span class="playnum">45万</span>
                                        </div>
                                    </div>
                                    <p class="dec-gxh">[Beyond]&nbsp;忆黄家驹.原创老歌</p>
                                    <p class="dec dec-gxh-bottom">你可能感兴趣</p>
                                </li>

                                <li class="gxh-song">
                                    <div class="song-cover">
                                        <img src="../images/pages/dex/gxh-4.jpg" alt="">
                                        <div class="cover-bottom">
                                            <a href="#" class="song-icn-play" title="播放"></a>                                    
                                            <span class="icn-headset"></span>
                                            <span class="playnum">8647</span>
                                        </div>
                                    </div>
                                    <p class="dec-gxh">【最美男声·烟嗓】</p>
                                    <p class="dec dec-gxh-bottom">成都人都爱听</p>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <!-- 新碟上架标题 -->
                    <div class="gxh-video">
                        <a href="#" class="gxh-title">新碟上架</a>
                        <span class="more">更多</span>
                    </div>

                    <!-- 新碟上架歌曲 -->
                    <div class="xdsj-wrap">
                        <a href="#" class="xdsj-left">&lt;</a>
                        <!-- 新碟上架录播容器 -->
                        <div class="roll">
                            <ul>
                                <li title="Cooped Up">
                                    <div class="cover-img">
                                         <!--封面图播放按钮  -->
                                         <a href="#" class="cover-icon-play" title="播放"></a>                                        
                                        <!-- 封面图 -->
                                        <a href="#" title="Cooped Up" class="cover-msk"></a>
                                        <img src="../images/pages/dex/xd-1.jpg" alt=""/>
                                        <p class="xdsj-song-name">
                                            <!-- 歌曲名 -->
                                            <a href="#" class="xdsj-song-name" title="Cooped Up">Cooped Up</a>
                                        </p> 
                                        
                                        <!-- 歌手 -->
                                        <p class="xdsj-singer" title="Post Malone/Rody Ricch">
                                            <a href="javascript:;">Post Malone</a>
                                            <span>/</span>
                                            <a href="javascript:;">Rody Ricch</a>
                                        </p>
                                    </div>                                    
                                </li>
                                <li>
                                    <div class="cover-img">
                                        <!--封面图播放按钮  -->
                                        <a href="#" class="cover-icon-play" title="播放"></a>                                        
                                       <!-- 封面图 -->
                                       <a href="#" title="石敢当" class="cover-msk"></a>
                                       <img src="../images/pages/dex/xd-2.jpg" alt=""/>
                                       <p class="xdsj-song-name">
                                           <!-- 歌曲名 -->
                                           <a href="#" class="xdsj-song-name" title="石敢当">石敢当</a>
                                       </p> 
                                       
                                       <!-- 歌手 -->
                                       <p class="xdsj-singer" title="木推瓜">
                                           <a href="javascript:;">木推瓜</a>                                          
                                       </p>
                                   </div>
                                </li>
                                <li>
                                    <div class="cover-img">
                                        <!--封面图播放按钮  -->
                                        <a href="#" class="cover-icon-play" title="播放"></a>                                        
                                       <!-- 封面图 -->
                                       <a href="#" title="HOPE/WISH" class="cover-msk"></a>
                                       <img src="../images/pages/dex/xd-3.jpg" alt=""/>
                                       <p class="xdsj-song-name">
                                           <!-- 歌曲名 -->
                                           <a href="#" class="xdsj-song-name" title="HOPE/WISH">HOPE/WISH</a>
                                       </p> 
                                       
                                       <!-- 歌手 -->
                                       <p class="xdsj-singer" title="平井 大">
                                           <a href="javascript:;">平井 大</a>                                           
                                       </p>
                                   </div>
                                </li>
                                <li>
                                    <div class="cover-img">
                                        <!--封面图播放按钮  -->
                                        <a href="#" class="cover-icon-play" title="播放"></a>                                        
                                       <!-- 封面图 -->
                                       <a href="#" title="This Love(Taylor's Version)" class="cover-msk"></a>
                                       <img src="../images/pages/dex/xd-4.jpg" alt=""/>
                                       <p class="xdsj-song-name">
                                           <!-- 歌曲名 -->
                                           <a href="#" class="xdsj-song-name" title="This Love(Taylor's Version)">This Love(Taylor's Version)</a>
                                       </p> 
                                       
                                       <!-- 歌手 -->
                                       <p class="xdsj-singer" title="Taylor Swift">
                                           <a href="javascript:;">Taylor Swift</a>                                           
                                       </p>
                                   </div>
                                </li>
                                <li>
                                    <div class="cover-img">
                                        <!--封面图播放按钮  -->
                                        <a href="#" class="cover-icon-play" title="播放"></a>                                        
                                       <!-- 封面图 -->
                                       <a href="#" title="也是蓝" class="cover-msk"></a>
                                       <img src="../images/pages/dex/xd-5.jpg" alt=""/>
                                       <p class="xdsj-song-name">
                                           <!-- 歌曲名 -->
                                           <a href="#" class="xdsj-song-name" title="也是蓝">也是蓝</a>
                                       </p> 
                                       
                                       <!-- 歌手 -->
                                       <p class="xdsj-singer" title="也是福/派克特(PACT)/PO8/喜辰晨/周士爵/小老虎/马思维/五石散/张津瑞/刘越/孟宇yumeng.music">
                                           <a href="javascript:;">也是福</a>
                                           <span>/</span>
                                           <a href="javascript:;">派克特(PACT)</a>
                                           <span>/</span>
                                           <a href="javascript:;">PO8</a>
                                           <span>/</span>
                                           <a href="javascript:;">喜辰晨</a>
                                           <span>/</span>
                                           <a href="javascript:;">周士爵</a>
                                           <span>/</span>
                                           <a href="javascript:;">小老虎</a>
                                           <span>/</span>
                                           <a href="javascript:;">马思维</a>
                                           <span>/</span>
                                           <a href="javascript:;">五石散</a>
                                           <span>/</span> 
                                           <a href="javascript:;">张津瑞</a> 
                                           <span>/</span>
                                           <a href="javascript:;">刘越</a> 
                                           <span>/</span>
                                           <a href="javascript:;">孟宇yumeng.music</a> 
                                                                                     
                                       </p>
                                   </div>
                                </li>
                            </ul>
                        </div>                        
                        <a href="#" class="xdsj-right">&gt;</a>
                    </div>

                    <!-- 音乐榜单标题 -->
                    <div class="gxh-video">
                        <a href="#" class="gxh-title">榜单</a>
                        <span class="more">更多</span>
                    </div>

                    <!-- 音乐榜单 -->
                    <div class="song-list">
                        <!-- 左 -->
                        <div class="song-list-sub">
                            <dl>
                                <dt>
                                    <img src="../images/pages/dex/bd-1.jpg" alt="">
                                    <a href="javscript:;" class="song-list-sub-msk" title="飙升榜"></a>
                                    <a href="javascript:;" class="list-sub-title">飙升榜</a>
                                    <a href="javascript:;" class="list-sub-title2" title="播放"></a>
                                    <a href="javascript:;" class="list-sub-title3" title="收藏"></a>
                                </dt>
                                <dd>
                                    <ul class="song-list-hot">
                                        <li>
                                            <span style="color:#c10d0c;">1</span>
                                            <a href="javascript:;" title="蝴蝶泉边">蝴蝶泉边</a>

                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span style="color:#c10d0c;">2</span>
                                            <a href="javascript:;" title="The Girl Form IPanema">The Girl Form Ipanema</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span style="color:#c10d0c;">3</span>
                                            <a href="javascript:;" title="想自由">想自由</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>4</span>
                                            <a href="javascript:;" title="走快的秒针">走快的秒针</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>5</span>
                                            <a href="javascript:;" title="Truthfully">Truthfully</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>6</span>
                                            <a href="javascript:;" title="玫瑰少年">玫瑰少年</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>7</span>
                                            <a href="javascript:;" title="我们都无法成为大人">我们都无法成为大人</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>8</span>
                                            <a href="javascript:;" title="真的没喝多">真的没喝多</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>9</span>
                                            <a href="javascript:;" title="แค่เธอ - Why Don't You Stay(From KinnPorsche The Series)">แค่เธอ - Why Don't You Stay(From KinnPorsche The Series)</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>10</span>
                                            <a href="javascript:;" title="你的天空">你的天空</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <label class="list-hot-more">查看更多&gt;</label>
                                        </li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>

                        <!-- 中 -->
                        <div class="song-list-sub">
                            <dl>
                                <dt>
                                    <img src="../images/pages/dex/bd-2.jpg" alt="">
                                    <a href="javscript:;" class="song-list-sub-msk" title="新歌榜"></a>
                                    <a href="javascript:;" class="list-sub-title">新歌榜</a>
                                    <a href="javascript:;" class="list-sub-title2" title="播放"></a>
                                    <a href="javascript:;" class="list-sub-title3" title="收藏"></a>
                                </dt>
                                <dd>
                                    <ul class="song-list-hot">
                                        <li>
                                            <span style="color:#c10d0c;">1</span>
                                            <a href="javascript:;" title="篇章">篇章</a>

                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span style="color:#c10d0c;">2</span>
                                            <a href="javascript:;" title="Bet On Me(Organic Version)">Bet On Me(Organic Version)</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span style="color:#c10d0c;">3</span>
                                            <a href="javascript:;" title="想自由">想自由</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>4</span>
                                            <a href="javascript:;" title="玫瑰少年">玫瑰少年</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>5</span>
                                            <a href="javascript:;" title="独到">独到</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>6</span>
                                            <a href="javascript:;" title="高山低谷(Live)">高山低谷(Live)</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>7</span>
                                            <a href="javascript:;" title="M八七">M八七</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>8</span>
                                            <a href="javascript:;" title="耍把戏">耍把戏</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>9</span>
                                            <a href="javascript:;" title="天上的星星不说话·2022">天上的星星不说话·2022</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>10</span>
                                            <a href="javascript:;" title="想到你">想到你</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <label class="list-hot-more">查看更多&gt;</label>
                                        </li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>

                        <!-- 右 -->
                        <div class="song-list-sub">
                            <dl>
                                <dt>
                                    <img src="../images/pages/dex/bd-3.jpg" alt="">
                                    <a href="javscript:;" class="song-list-sub-msk" title="原创榜"></a>
                                    <a href="javascript:;" class="list-sub-title">原创榜</a>
                                    <a href="javascript:;" class="list-sub-title2" title="播放"></a>
                                    <a href="javascript:;" class="list-sub-title3" title="收藏"></a>
                                </dt>
                                <dd>
                                    <ul class="song-list-hot">
                                        <li>
                                            <span style="color:#c10d0c;">1</span>
                                            <a href="javascript:;" title="夏夜灯塔">夏夜灯塔</a>

                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span style="color:#c10d0c;">2</span>
                                            <a href="javascript:;" title="我们都无法成为大人">我们都无法成为大人</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span style="color:#c10d0c;">3</span>
                                            <a href="javascript:;" title="红山茶">红山茶</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>4</span>
                                            <a href="javascript:;" title="NO MORE LOVE">NO MORE LOVE</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>5</span>
                                            <a href="javascript:;" title="晚集">晚集</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>6</span>
                                            <a href="javascript:;" title="今时意所属">今时意所属</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>7</span>
                                            <a href="javascript:;" title="亚洲流行">亚洲流行</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>8</span>
                                            <a href="javascript:;" title="别害怕">别害怕</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>9</span>
                                            <a href="javascript:;" title="变蓝Feat.PO8,喜辰晨">变蓝Feat.PO8,喜辰晨</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <span>10</span>
                                            <a href="javascript:;" title="Shook Ones,Part Ⅱ">Shook Ones,Part Ⅱ</a>
                                            <!-- 榜单列表播放菜单[hover] -->
                                            <div class="list-hot-hover">
                                                <!-- 播放 -->
                                                <a href="javascript:;" title="播放" class="hot-hover-btn"></a>

                                                <!-- 添加 -->
                                                <a href="javascript:;" title="添加播放列表" class="hot-hover-btn2"></a>

                                                <!-- 收藏 -->
                                                <a href="javascript:;" title="收藏" class="hot-hover-btn3"></a>
                                            </div>
                                        </li>
                                        <li>
                                            <label class="list-hot-more">查看更多&gt;</label>
                                        </li>
                                    </ul>
                                </dd>
                            </dl> 
                            
                        </div>
                    </div>
                </div>

                <!-- 右边 -->
                <div class="right-wrap">
                    <!-- 用户登录 -->
                    <div class="userload">
                        <p>登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>
                        <a href="javascript:;" class="load-btn">用户登录</a>
                    </div>

                    <!-- 歌手入住 -->
                    <div class="singer-wrap">
                        <h3>
                            <span>入驻歌手</span>
                            <a href="javascript:;">查看全部&nbsp;&gt;</a>
                        </h3>

                        <ul>
                            <li>
                                <div class="singer-img">
                                    <img src="../images/pages/dex/rz-1.jpg" alt="">
                                </div>

                                <div class="singer-info">
                                    <span>张惠妹aMEI</span>
                                    <p>台湾歌手张惠妹</p>
                                </div>
                            </li>
                            <li>
                                <div class="singer-img">
                                    <img src="../images/pages/dex/rz-2.jpg" alt="">
                                </div>

                                <div class="singer-info">
                                    <span>呉墨愁Momo</span>
                                    <p>《中国好声音》选手吴莫愁</p>
                                </div>
                            </li>
                            <li>
                                <div class="singer-img">
                                    <img src="../images/pages/dex/rz-3.jpg" alt="">
                                </div>

                                <div class="singer-info">
                                    <span>孙楠</span>
                                    <p>歌手孙楠 代表作《你快回来》《燃烧》</p>
                                </div>
                            </li>
                            <li>
                                <div class="singer-img">
                                    <img src="../images/pages/dex/rz-4.jpg" alt="">
                                </div>

                                <div class="singer-info">
                                    <span>麦田老狼</span>
                                    <p>歌手，音乐人。代表作《同桌的你》等。</p>
                                </div>
                            </li>
                            <li>
                                <div class="singer-img">
                                    <img src="../images/pages/dex/rz-5.jpg" alt="">
                                </div>

                                <div class="singer-info">
                                    <span>陈楚生</span>
                                    <p>唱作歌手</p>
                                </div>
                            </li>
                        </ul>

                        <!-- 申请音乐人 -->
                        <div class="singerwrap-btn">申请成为网易音乐人</div>
                    </div>

                    <!-- 热门主播 -->
                    <div class="hot-dj">
                        <h3>
                            <span>热门主播</span>
                            <a href="javascript:;"></a>
                        </h3>

                        <ul>
                            <li>
                                <div class="dj-img">
                                    <img src="../images/pages/dex/rm-1.jpg" alt="">
                                </div>

                                <div class="dj-info">
                                    <span>陈立</span>
                                    <p>心理学家、美食家陈立教授</p>
                                </div>
                            </li>
                            <li>
                                <div class="dj-img">
                                    <img src="../images/pages/dex/rm-2.jpg" alt="">
                                </div>

                                <div class="dj-info">
                                    <span>刘维-Julius</span>
                                    <p>歌手、播客节目《维维道来》主理人</p>
                                </div>
                            </li>
                            <li>
                                <div class="dj-img">
                                    <img src="../images/pages/dex/rm-3.jpg" alt="">
                                </div>

                                <div class="dj-info">
                                    <span>莫非定律MoreFeel</span>
                                    <p>男女双人全创作独立乐团</p>
                                </div>
                            </li>
                            <li>
                                <div class="dj-img">
                                    <img src="../images/pages/dex/rm-4.jpg" alt="">
                                </div>

                                <div class="dj-info">
                                    <span>碎嘴许美达</span>
                                    <p>脱口秀网络红人</p>
                                </div>
                            </li>
                            <li>
                                <div class="dj-img">
                                    <img src="../images/pages/dex/rm-5.jpg" alt="">
                                </div>

                                <div class="dj-info">
                                    <span>银临RacheI</span>
                                    <p>网易音乐人</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        
        <!-- 页面底部 -->
        <div class="footerwrap">
            <div class="footercent">
                <!-- 底部左边 -->
                <div class="footerwrap-left">
                    <!-- ul列表按钮 -->
                    <div class="footer-title">
                            <a href="javascript:;">服务条款</a>
                        <span>|</span>
                            <a href="javascript:;">隐私政策</a>
                        <span>|</span>
                            <a href="javascript:;">儿童隐私政策</a>
                        <span>|</span>
                            <a href="javascript:;">版权投诉</a>
                        <span>|</span>
                            <a href="javascript:;">投资者关系</a>
                        <span>|</span>
                            <a href="javascript:;">广告合作</a>
                        <span>|</span>
                            <a href="javascript:;">廉正举报</a>
                        <span>|</span>
                            <a href="javascript:;">联系我们</a>
                    </div>

                    <!-- 第二行 -->
                    <div class="footer-two">
                        <span>网易公司版权所有©1997-2022
                            &nbsp;&nbsp;
                            杭州乐读科技有限公司运营：
                            <a href="javascript:;">浙网文[2021] 1186-054号</a>
                        </span>
                    </div>

                    <!-- 第三行 -->
                    <div class="footer-three">
                        <span>
                            <a href="javascript:;">粤B2-20090191-18  工业和信息化部备案管理系统网站</a>
                        </span>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <span>
                            <img src="../images/pages/dex/police.png" alt=""/>
                            <a href="javascript:;">浙公网安备 33010902002564号</a>
                        </span>
                    </div>
                </div>

                <!-- 底部右边 -->
                <div class="footerwrap-right">
                    <div class="footerwrap-cp">
                        <span>
                            <a href="https://web-amped.music.163.com/">
                            <img src="../images/pages/dex/cp-5.png" alt="">
                            </a>
                            <p>视频奖励</p>
                        </span>
                        <span>
                            <a href="https://web-amped.music.163.com/">
                            <img src="../images/pages/dex/cp-4.png" alt="">
                            </a>
                            <p>赞赏</p>
                        </span>
                        <span>
                            <a href="https://web-amped.music.163.com/">
                            <img src="../images/pages/dex/cp-3.png" alt="">
                            </a>
                            <p>独立音乐人</p>
                        </span>
                        <span>
                            <a href="https://web-amped.music.163.com/">
                            <img src="../images/pages/dex/cp-2.png" alt="">
                            </a>
                            <p>用户认证</p>
                        </span>
                        <span>
                            <a href="https://web-amped.music.163.com/">
                            <img src="../images/pages/dex/cp-1.png" alt="">
                            </a>
                            <p>Amped Studio</p>
                        </span>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>